﻿<div class="sidebar" id="sidebar">
    <script type="text/javascript">
        try { ace.settings.check( 'sidebar', 'fixed' ) } catch ( e ) { }
    </script>

    <div class="sidebar-shortcuts" id="sidebar-shortcuts">
        <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
            <button class="btn btn-success">
                <i class="icon-signal"></i>
            </button>

            <button class="btn btn-info">
                <i class="icon-pencil"></i>
            </button>

            <button class="btn btn-warning">
                <i class="icon-group"></i>
            </button>

            <button class="btn btn-danger">
                <i class="icon-cogs"></i>
            </button>
        </div>

        <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
            <span class="btn btn-success"></span>

            <span class="btn btn-info"></span>

            <span class="btn btn-warning"></span>

            <span class="btn btn-danger"></span>
        </div>
    </div>
    <!-- #sidebar-shortcuts -->

    <ul class="nav nav-list" data-bind="template: {
        name: 'navlist-template',
        foreach: sitemaplist
    }"></ul>
    <script type="text/html" id="navlist-template">
        <li data-bind="css: {
                'active': $$.page.location.isMatch(location),
                'open': $$.page.location.isMatch(location) && pages.length > 0
            }">
            <a data-bind="attr: { 'href': location }, css: { 'dropdown-toggle': pages.length > 0 }">
                <i data-bind="css: 'icon-' + icon"></i>
                <span class="menu-text" data-bind="text: title"></span>
                <!-- ko if: pages.length > 0 -->
                <b class="arrow icon-angle-down"></b>
                <!-- /ko -->
            </a>

            <!-- ko if: pages.length > 0 -->
            <ul class="submenu" data-bind="template: { 
                name: 'navlist-template', 
                foreach: pages,
            }"></ul>
            <!-- /ko -->
        </li>
    </script>
    <script type="text/html" id="navlist-tooltip-template">
        <span class="badge badge-transparent tooltip-error" title="2&nbsp;Important&nbsp;Events">
            <i class="icon-warning-sign red bigger-130"></i>
        </span>
    </script>
    <script type="text/html" id="navlist-number-template">
        <span class="badge badge-primary">5</span>
    </script>
    <!-- /.nav-list -->

    <div class="sidebar-collapse" id="sidebar-collapse">
        <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
    </div>

    <script type="text/javascript">
        try { ace.settings.check( 'sidebar', 'collapsed' ) } catch ( e ) { }
    </script>
</div>